<template>
  <HuilanBasic hasTab>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane :label="$t('kwRobotStudy.businessUnknown')" name="first">
        <Unknown style="padding: 10px 30px 30px;" :knowType="'business'" v-if="activeName=='first'"/>
      </el-tab-pane>
      <el-tab-pane :label="$t('kwRobotStudy.smalltalkUnknown')" name="second">
        <Unknown style="padding: 10px 30px 30px;" :knowType="'smalltalk'" v-if="activeName=='second'" />
      </el-tab-pane>
      <el-tab-pane :label="$t('kwRobotStudy.stepQuestion')" name="third">
        <Outquestion style="padding: 10px 30px 30px;" v-if="activeName=='third'"/>
      </el-tab-pane>
      <el-tab-pane :label="$t('kwRobotStudy.seatIssues')" name="fourth">
        <Seat style="padding: 10px 30px 30px;" v-if="activeName=='fourth'"/>
      </el-tab-pane>
      <el-tab-pane :label="$t('kwRobotStudy.newWords')" name="fifth">
        <Newword style="padding: 10px 30px 30px;" v-if="activeName=='fifth'"/>
      </el-tab-pane>
    </el-tabs>
  </HuilanBasic>
</template>
<script>
import Unknown from "./unknown/index";
import Outquestion from "./outquestion/index";
import Seat from "./seat";
import Newword from "./newword";
export default {
  components: {
    Unknown,
    Outquestion,
    Seat,
    Newword,
  },
  provide: {
    isRobotMenu: true,
  },
  data () {
    return {
      activeName: "first",
    };
  },

  mounted () { },

  methods: {},
};
</script>
